<!DOCTYPE html>
<html>

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <!--coolie-->
    <link href="public/admin/js/zui/css/zui.css" rel="stylesheet" type="text/css" />
    <link href="public/admin/css/admin.css" rel="stylesheet" type="text/css" />
    <script src="public/admin/js/jquery.1.10.2.js" type="text/javascript"></script>
    <script src="public/admin/js/zui/js/zui.js" type="text/javascript"></script>
    <!--coolie-->
    <title>管理后台首页</title>
</head>

<body style="padding-top: 30px;padding-left: 20px;">
    <h3>案例一</h3>
    <form class="form-horizontal" style="width: 600px;">
        <div class="form-group">
            <label for="exampleInputAccount4" class="col-sm-2">账号</label>
            <div class="col-md-6 col-sm-10">
                <input type="text" class="form-control" id="exampleInputAccount4" placeholder="电子邮件/手机号/用户名">
            </div>
        </div>
        <div class="form-group">
            <label for="exampleInputPassword4" class="col-sm-2">密码</label>
            <div class="col-md-6 col-sm-10">
                <input type="password" class="form-control" id="exampleInputPassword4" placeholder="密码">
            </div>
        </div>
        <div class="form-group">
            <label for="exampleInputAddress1" class="col-sm-2">地址</label>
            <div class="col-sm-3">
                <select class="form-control" id="exampleInputAddress1">
                    <option>北京</option>
                    <option>上海</option>
                </select>
            </div>
            <div class="col-sm-3">
                <input type="text" class="form-control" id="exampleInputAddress2" placeholder="市/县">
            </div>
            <div class="col-sm-4">
                <input type="text" class="form-control" id="exampleInputAddress3" placeholder="详细地址">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <div class="checkbox">
                    <label>
                        <input type="checkbox"> 记住我
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">登录</button>
            </div>
        </div>
    </form>
    <h3>案例二</h3>
    <form style="width: 600px;">
        <div class="form-group">
            <label for="exampleInputInviteCode1">邀请码</label>
            <input type="text" class="form-control" id="exampleInputInviteCode1" placeholder="请输入邀请码">
        </div>
        <div class="checkbox">
            <label>
                <input type="checkbox"> 我已阅读并接受用户协议
            </label>
        </div>
        <div class="radio">
            <label>
                <input type="radio" name="exampleRadioOption1"> 使用默认选项
            </label>
        </div>
        <div class="radio">
            <label>
                <input type="radio" name="exampleRadioOption1"> 让我自定义选项
            </label>
        </div>
        <button type="submit" class="btn">开始</button>
    </form>
    <h3>案例三</h3>
    <div class="example">
        <div class="form-group">
            <label class="checkbox-inline">
                <input type="checkbox"> 多选框 1
            </label>
            <label class="checkbox-inline">
                <input type="checkbox"> 多选框 2
            </label>
            <label class="checkbox-inline">
                <input disabled="" type="checkbox"> 被禁用的多选框
            </label>
        </div>
        <div class="form-group">
            <label class="radio-inline">
                <input type="radio" name="radioOptionsExample3"> 单选框 1
            </label>
            <label class="radio-inline">
                <input type="radio" name="radioOptionsExample3"> 单选框 2
            </label>
            <label class="radio-inline">
                <input disabled="" type="radio" name="radioOptionsExample3"> 被禁用的单选框
            </label>
        </div>
    </div>
</body>

</html>
<script src="/public/admin/coolie.js" data-main="js/main.js" data-config="~/public/admin/coolie-config.js"></script>